import React, { PureComponent } from 'react';
import { Card, List } from 'antd';
import Link from 'umi/link';

class warning extends PureComponent {

    render() {
        return (
            <Card size="small" title="预警信息">
                <List size="small"  grid={{md:3,xs:1}}>
                    <List.Item>
                        <List.Item.Meta title={<span><h3><small>报警：</small>12<small>&nbsp;&nbsp;条</small></h3>   2019/7/11 9:00</span>} />
                    </List.Item>
                    <List.Item>
                        <List.Item.Meta title={<span><h3><small>提醒：</small>3<small>&nbsp;&nbsp;条</small></h3>  2019/7/11 9:00</span>} />
                    </List.Item>
                    <List.Item>
                        <List.Item.Meta title={ <Link to={`/monitor/forecast`}><span><h3><small>建议：</small>6<small>&nbsp;&nbsp;条</small></h3>  2019/7/11 9:00</span></Link>} />
                    </List.Item>
                </List >
            </Card>
        );
    }
}

export default warning;
